<script setup>
import Progress from '@/components/progress.vue';

const arr = ref(Array.from({ length: 20 }).fill({}));
const searchValue = ref('');
function go() {
  uni.navigateTo({
    url: '/pages/service-progress-detail/index',
  });
}
</script>

<template>
  <nut-searchbar v-model="searchValue" shape="square" placeholder="搜索房间、长者">
    <template #leftin>
      <nut-icon name="search2" />
    </template>
  </nut-searchbar>
  <scroll-view scroll-y="true" class="mt5 overflow-auto service-content">
    <view class="mb4">
      1楼 - 101青竹林
    </view>
    <view v-for="(_, i) in arr" :key="i" class="bg-white bd-8 p4 mb3 flex items-center box-sha" @click="go">
      <view class="mr2">
        <nut-avatar shape="square" size="large">
          <image src="https://img12.360buyimg.com/imagetools/jfs/t1/196430/38/8105/14329/60c806a4Ed506298a/e6de9fb7b8490f38.png" />
        </nut-avatar>
      </view>
      <view class="flex-1">
        <view class="font-600 font-size-5">
          名称 <nut-icon name="home" />
        </view>
        <view class="color-#555 mb2">
          服务进展：1 / 10
        </view>
        <Progress
          value="10"
        />
      </view>
    </view>
  </scroll-view>
</template>

<style lang="scss">
</style>
